<template>
  <div id="common-tab">
  <van-tabbar route active-color="#f88" inactive-color="#333">
    <van-tabbar-item icon-prefix="icon" icon="home" to="/home"
      >首页</van-tabbar-item
    >
    <van-tabbar-item icon-prefix="icon" icon="fenlei" to="/cate"
      >分类</van-tabbar-item
    >
   <van-tabbar-item to="/cart" :badge="$store.state.cart.items.length||''" icon="gouwuche
" icon-prefix="icon"
        >购物车</van-tabbar-item
      >
<van-tabbar-item
        to="/user"
        icon="wode"
        icon-prefix="icon"
        >我的</van-tabbar-item
      >
  </van-tabbar>
  </div>
</template>
<style lang= "scss" scopde>
#common-tab {
  /deep/ .icon {
    font-size: 22px;
  }
}
</style>
